<script>
	export default {
		onLaunch: function() {
			let that = this
			// #ifdef MP-WEIXIN
		
			// #endif
		},
		onShow: function() {
			
		},
		onHide: function() {
			
		}
	}
</script>

<style>
	/*每个页面公共css */
	/**app.wxss**/
	.container { 
	  box-sizing: border-box;
	  background-color: #F5F5F5;
	}
	
	
	.flex-wrap{
		display: flex;
	}
	.flex-item{
		flex: 1;
	}
	.flex-wrap.flex-direction-col{
		flex-direction: column;
	}
	.flex-wrap.flex-direction-row{
		flex-direction: row;
	}
	
	/*隐藏scroll-view的滚动条*/
	::-webkit-scrollbar {
	  width: 0;
	  height: 0;
	  color: transparent;
	}
	
	/*index 和 order页面的底部区域*/
	
	.cart{
		position: fixed;
		width: 100%;
		bottom: 0;
		/* background-color: #363636; */
		display: flex;
		flex-direction: row;
		height: 45px;
	}
	
	.cart-top-border{
		border-top: 1.5px solid #ddd;
	}
	
	.cart .common{
		height: 45px;
		line-height: 45px;
	
	}
	
	.cart .total{
		text-align: left;
		flex: 3;
		color: orangered;
		font-size: 1rem;
	}
	
	.cart .table{
		margin-left: 40px;
		margin-right: 5px;
		font-size: .8rem;
		/* color: white; */
	}
	
	.cart .button{
		background-color: #ff000d;
		height: 28px;
		line-height: 28px;
		margin-right: 8px;
		font-weight: bold;
		margin-top: 8px;
		border-radius: 20px;
		color: white;
		font-size: 12px;
		text-align: center;
		flex: 2;
	}
	
	/*order ordernote address页面容器view*/
	
	.baseview{
	    background-color: #F5F5F5;
	    position: absolute;
	    top: 0;
	    width: 100%;
			padding-bottom: 30rpx;
		/*height: 100%;*/
	}
	
	/*base container in baseview*/
	.content{
	    background-color: white;
	    padding: 30rpx 20rpx;
	    margin-top: 30rpx; 
	}
	
	.basebottom{
	    bottom: 50px;
	}
	
	/*商品加减按钮*/
	.stepper {
		/* border: 2px solid #1f9ca5; */
		border-radius: 6px;
		width: 94px;
		height: 30px;
		margin-left: 15px;
		background: #f1f1f1;
	}
	
	
	/*加号与减号*/
	.stepper text {
		width: 30px;
		line-height: 30px;
		text-align: center;
		float: left;
	  font-size: 14px;
	}
	
	/*数值*/
	.stepper input {
		color: #000000;
		float: left;
		margin: 0 auto;
		width: 30px;
		height: 30px;
		text-align: center;
		font-size: 12px;
		background: #ffffff;
		/* border-left: 1.5px solid #1f9ca5; */
		/* border-right: 1.5px solid #1f9ca5; */
	}
	
	/*普通样式*/
	.stepper .normal{
		color: black;
	}
	
	/*禁用样式*/
	.stepper .disabled{
		color: #ccc;
	}
	
	.delete{
		height: 20px;
		width: 20px;
		margin-top: 4px;
		margin-left: auto;
	}
	
	.iphoneX-bottom{
		padding-bottom: 14px;
	}
	
	.empty-cart{
		font-size: 14px;
		width: 100%;
		height: 60px;
		line-height: 60px;
		color: #666666;
		text-align: center;
		background-color: #F2F2F2;
	}
	
	.search-wrap{
	  height: 42px;
	  width: 100%;
	  padding: 10px 20rpx;
		background-color: #f1f1f1;
		position: absolute;
		top: 0px;
	}
	
	.search-bar{
	  height: 42px;
	  width: 710rpx;
	  border-radius: 21px;
		background-color: #ffffff;
	}
	
	.search-ico{
		width: 16px;
		height: 16px;
		margin: 13px 10px 13px 18px;
	}
	
	.search-placeholder{
	  font-size: 12px;
	  color: #8a8a8a;
	}
	
	.search-bar input{
		margin-top: 10px;
		height: 22px; 
		width: 0px; 
		flex: 1;
	}
	
	/* index category orderlist, orderdetail 页商品标题，详情，价格样式 */
	.dish-title{
		font-size: 28rpx;
		margin-bottom: 16rpx;
	}
	
	.dish-detail{
		font-size: 24rpx;
		width: 310rpx;
		overflow: hidden;
		-webkit-line-clamp: 1;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		color: #999999;
	}
	
	.dish-p{
		color: orangered;
		font-size: 30rpx;
	}
	
	.dish-add{
		width: 20px;
		height: 20px;
	}
	
</style>
